.nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 24px;
  background-color: @gray-bg;
  border-top: 1px solid @border-color-gray;
}

.nav_item,
.nav_item_active {
  flex: 1;
  display: flex;
  padding: @spacing 0;
  flex-direction: column;
  align-items: center;
  text-decoration: none;

  span {
    font-size: 12px;
  }
}

.nav_ico {
  position: relative;
  width: 24px;
  height: 24px;

  .ico_normal,
  .ico_active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: center/contain no-repeat;
    opacity: 0;
    visibility: hidden;
  }
}

.nav_item {
  .nav_ico .ico_normal {
    visibility: visible;
    opacity: 1;
  }
  span {
    color: @text-color;
    font-size: 10px;
  }
}

.nav_item_active {
  .nav_ico .ico_active {
    visibility: visible;
    opacity: 1;
  }
  span {
    color: @active-color;
  }
}

// 中间的发布按钮
.publish {
  padding: @spacing;
}

.publish_btn {
  flex: 1;
  width: 40px;
  height: 40px;
  background: url('@/assets/images/ico-publish.jpg') center/contain no-repeat;
}
